.reader-onboarding {
	background-color: var( --color-surface-1 );
	border-radius: 6px; /* stylelint-disable-line scales/radii */
	box-shadow: rgba( 0, 0, 0, 0.05 ) 0 0 0 1px inset;
	margin-bottom: 24px;
	padding: 20px 20px 5px 20px;

	h2 {
		font-weight: 600;
		clear: initial;
	}

	.circular__progress-bar {
		float: right;
		margin: 5px 5px 5px 10px;
	}
}

$actions-height: 64px;

.reader-onboarding-modal__footer {
	height: $actions-height;
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	margin-left: -32px; // $grid-unit-40
	margin-right: -32px;
	padding-left: 32px;
	padding-right: 32px;
	border-top: 1px solid #ddd; //$gray-300;

	.reader-onboarding-modal__footer-actions {
		height: 100%;
	}
}
